<template>
	<i class="icon custom-icon" :class="[ name ? `custom-icon-${name}` : '']" :style="{ fontSize: size, color: color }"></i>
</template>

<script>
	export default {
		name: 'cl-icon',
		props: {
			name: {
				type: String,
				default: ""
			},
			size: {
				type: String,
				default: '24px'
			},
			color: {
				type: String,
				default: '#333'
			}
		},
		data() {
			return {};
		}
	};
</script>

<style lang="scss" scoped>

</style>
